import $ from './jquery';
import './401';
import '../css/classhow.css';
$(function () {
    let mypageindex = 1, mypagecount, mycount, mypagesize = 4;
    // 函数封装
    function show(pageindex) {
        $.ajax({
            url: "http://192.168.30.63:3000/clas/getClassByPage",
            type: "get",
            data: {
                pageindex,
                pagesize: mypagesize
            },
            success: function (data) {
                if (data.code == 200) {
                    mypageindex = data.pageindex;
                    mypagecount = data.pagecount;
                    mycount = data.count;
                    a();
                    $('.s1').html(data.pageindex);
                    $('.s2').html(data.pagecount);
                    $('.s3').html(data.count);
                    $("tbody").empty();
                    data.result.forEach(v => {
                        ;
                        let tr = `
                    <tr>
                        <td class="id">${v._id}</td>
                        <td>${v.cname}</td>                               
                    </tr>
                    `;
                        $("tbody").append(tr);
                    })
                }
            }
        })
    }
    // 展示
    show(1);
    // a
    function a() {
        if (mypageindex == mypagecount) {
            $('.xyy').removeAttr('href');
            $('.syy').attr('href', 'javascript:;');
        } else if (mypageindex == 1) {
            $('.xyy').attr('href', 'javascript:;');
            $('.syy').removeAttr('href');
        }
        if (mypagecount == 1) {
            $('.syy').removeAttr('href');
            $('.syy').removeAttr('href');
        }
    }
    // 首页
    $('.sy').click(function () {
        show(1);
    })
    // 上一页
    $('.syy').click(function () {
        if (mypageindex != 1) {
            show(--mypageindex);
        }
    })

    // 下一页
    $('.xyy').click(function(){               
        if(mypageindex!=mypagecount){
            show(++mypageindex);
        }      
    })
    // 尾页
    $('.wy').click(function () {
        show(mypagecount);
    })
    // go
    $('.go').click(function () {
        let hispageindex = Math.floor($('.go').prev().val());
        if (hispageindex >= 1 && hispageindex <= mypagecount) {
            show(hispageindex);
        } else {
            alert('无此页')
        }
    })

    // 页容量
    $("#yrl").change(function () {
        mypagesize = $(this).val();
        show(1);
    })
})